﻿@page "/docs/extensions/datagrid/selection/single"

<Seo Canonical="/docs/extensions/datagrid/selection/single" Title="Blazorise DataGrid Single Selection" Description="Learn Blazorise by the example. Easily select and manage a single row of data with the Blazorise DataGrid's single selection feature. Select a row by clicking on it or programmatically, and access the selected data for further use." />

<DocsPageTitle Path="Extensions/DataGrid/Selection/Single">
    Blazorise DataGrid: Single Selection
</DocsPageTitle>

<DocsPageLead>
    The <Code>DataGrid</Code> allows you to select rows with the click of a mouse.
</DocsPageLead>

<DocsPageSection>
    <DocsPageSectionHeader Title="Selecting">
        If you need to control how and when the grid row will be selected you can use a <Code>RowSelectable</Code> event handler. Here's a simple example where John's row is not selectable:
    </DocsPageSectionHeader>
    <DocsPageSectionContent FullWidth>
        <DataGridSelectingExample />
    </DocsPageSectionContent>
    <DocsPageSectionSource Code="DataGridSelectingExample" />
</DocsPageSection>

<DocsPageApi>
    <DocsPageApiItem Url="docs/extensions/datagrid/api" Name="<DataGrid />" />
</DocsPageApi>